document.addEventListener('DOMContentLoaded', function() {
    const leftItems = document.querySelectorAll('.benefit-plan__left p[data-target]');
    const rightSections = document.querySelectorAll('.benefit-plan__right > div[id]');
    const rightContainer = document.querySelector('.benefit-plan__right');

    // 滚动时更新高亮（核心逻辑）
    function updateActiveOnScroll() {
        const scrollTop = rightContainer.scrollTop;
        let closestSection = null;
        let minDistance = Infinity; // 记录最小距离（用于找最顶部的块）

        rightSections.forEach(section => {
            // 计算内容块顶部到右侧容器顶部的距离
            const sectionTop = section.offsetTop;
            // 计算内容块与当前滚动位置的距离（只关注已滚动过的块）
            const distance = scrollTop - sectionTop;

            // 筛选条件：内容块顶部 <= 滚动位置（已进入可视区域），且距离最近（最顶部）
            if (distance >= 0 && distance < minDistance) {
                minDistance = distance;
                closestSection = section; // 记录当前最顶部的内容块
            }
        });

        // 如果找到最顶部的内容块，更新高亮
        if (closestSection) {
            const targetId = closestSection.id;
            // 先移除所有项的高亮
            leftItems.forEach(item => item.classList.remove('benefit-plan--active'));
            // 只给对应项添加高亮
            leftItems.forEach(item => {
                if (item.dataset.target === targetId) {
                    item.classList.add('benefit-plan--active');
                }
            });
        }
    }

    // 点击左侧项滚动到对应位置
    leftItems.forEach(item => {
        item.addEventListener('click', function() {
            const targetId = this.dataset.target;
            const targetSection = document.getElementById(targetId);
            if (targetSection) {
                rightContainer.scrollTo({
                    top: targetSection.offsetTop,
                    behavior: 'smooth'
                });
                // 手动触发一次更新，确保高亮唯一
                updateActiveOnScroll();
            }
        });
    });

    // 初始化和监听
    updateActiveOnScroll(); // 初始加载时触发
    rightContainer.addEventListener('scroll', updateActiveOnScroll);
});

logn=()=>{
    window.location.href='naodongindex.html'
}
lo=()=>{
    window.location.href='author.html'
}
lon=()=>{
    window.location.href='login.html'
}